<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>inputEx-yui3 - EmailField Usage</title>
    <!-- Demo CSS -->
    <link rel="stylesheet" type="text/css" href="css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="css/dpSyntaxHighlighter.css">

    <script type="text/javascript" src="../js/inputex-loader.js"></script>
</head>

<body>

<p class='demoTitle'>inputEx - EmailField Usage</p>


<!-- Example 1 -->
<div class='exampleDiv'>

    <p class="title">Basic EmailField creation</p>

    <p>Use the following code to create a basic inputEx EmailField.</p>

    <div class='demoContainer' id='container1'></div>

    <div class='codeContainer'>
        <textarea name="code" class="JScript">
            new Y.inputEx.EmailField({parentEl: 'container1', showMsg: true}).render();
        </textarea>
    </div>

</div>

<script>

    inputEx.YUI({base:'../lib/yui3/',inputExBase:'../'}).use('emailfield', function(Y) {
        //Y.on('event:ready', function() {

        // Example 1
        new Y.inputEx.EmailField({parentEl: 'container1', showMsg: true}).render();

    });

</script>

<script src="js/dpSyntaxHighlighter.js"></script>
<script language="javascript">
    dp.SyntaxHighlighter.HighlightAll('code');
</script>

</body>
</html>